<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin:0px;
				padding:0px;
			}
			ul{
				margin:50px;
			}
			li{
				list-style:none;
			}
			a{
				color:#999;
				text-decoration: none;
			}
			
			li{
				height:30px;
				line-height:30px;
			}
			li span{
				width:30px;
				height:30px;
				background:#333;
				display:inline-block;
				color:white;
				text-align:center;
				border-radius:50%;
			}
			a:hover{
				color:pink;
			}
			a:hover span{
				background:pink;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="#"><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
		</ul>
	</body>
</html>
